<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>中华文史网</title>
    <link rel="icon" href="./images/bg.gif">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./less/index.css">
    <link rel="stylesheet" href="./css/swiper.css">
    <link rel="stylesheet" href="./swiper/swiper-bundle.css">
    <script src="./swiper/swiper-bundle.js"></script>
    <script src="./js/index.js"></script>
</head>

<body>
    <!-- head -->
    <div class="head">
        <div class="head-nav">
            <div class="left">
                <a href="#">设为首页</a>
                <a href="#">|</a>
                <a href="#">加入收藏</a>
            </div>
            <div class="right">
                <a href="#">用户名:</a>
                <input type="text" name="" id="">
                <a href="#">密码:</a>
                <input type="text" name="" id="">
                <button>登录</button>
                <button>注册</button>
                <a href="#">网站导航</a>
            </div>
        </div>

        <div class="bambool">
            <img src="./images/bambool.png" alt="">
        </div>

        <div class="banner">
            <img src="./images/banner.png" alt="">
        </div>

        <div class="bamboor">
            <img src="./images/bamboor.png" alt="">
        </div>
    </div>
    <!-- head -->

    <!-- nav -->
    <div class="nav">
        <a href="#" target="_blank">
            <span>首页</span>
        </a>
        <a href="#" target="_blank"><span>|</span></a>
        <a href="#" target="_blank">
            <span>新闻公告</span>
        </a>
        <a href="#" target="_blank"><span>|</span></a>
        <a href="#" target="_blank">
            <span>清史纂修</span>
        </a>
        <a href="#" target="_blank"><span>|</span></a>
        <a href="#" target="_blank">
            <span>清史研究</span>
        </a>
        <a href="#" target="_blank"><span>|</span></a>
        <a href="#" target="_blank">
            <span>清史参考</span>
        </a>
        <a href="#" target="_blank"><span>|</span></a>
        <a href="#" target="_blank">
            <span>清史百科</span>
        </a>
        <a href="#" target="_blank"><span>|</span></a>
        <a href="#" target="_blank">
            <span>清史文库</span>
        </a>
        <a href="#" target="_blank"><span>|</span></a>
        <a href="#" target="_blank">
            <span>著作+评论</span>
        </a>
        <a href="#" target="_blank"><span>|</span></a>
        <a href="#" target="_blank">
            <span>舆地图典</span>
        </a>
        <a href="#" target="_blank"><span>|</span></a>
        <a href="#" target="_blank">
            <span>学林漫步</span>
        </a>
        <a href="#" target="_blank"><span>|</span></a>
        <a href="#" target="_blank">
            <span>期刊汇编</span>
        </a>
        <a href="#" target="_blank"><span>|</span></a>
        <a href="#" target="_blank">
            <span>文史总览</span>
        </a>
        <a href="#" target="_blank"><span>|</span></a>
        <a href="#" target="_blank">
            <span>政策法规</span>
        </a>
        <a href="#" target="_blank"><span>|</span></a>
        <a href="#" target="_blank">
            <span>文史多媒体</span>
        </a>
        <a href="#" target="_blank"><span>|</span></a>
        <a href="#" target="_blank">
            <span>数字图书馆</span>
        </a>
    </div>
    <!-- nav -->

    <!-- search -->
    <div class="search-box">
        <div class="search-left">
            <div class="top">
                <a href="#" target="_blank">全部</a>
                <a href="#" target="_blank">|</a>
                <a href="#" target="_blank">清史研究</a>
                <a href="#" target="_blank">|</a>
                <a href="#" target="_blank">清史参考</a>
                <a href="#" target="_blank">|</a>
                <a href="#" target="_blank">清史百科</a>
                <a href="#" target="_blank">|</a>
                <a href="#" target="_blank">清史文库</a>
                <a href="#" target="_blank">|</a>
                <a href="#" target="_blank">新闻公告</a>
                <a href="#" target="_blank">|</a>
                <a href="#" target="_blank">学林漫步</a>
            </div>

            <div class="bottom">
                <img src="./images/qw.png" alt="">
                <input type="search">
                <div></div>
            </div>
        </div>

        <div class="search-right">
            <div class="box">
                <img src="./images/new.png" alt="" class="new">
                <a class="top-left"><img src="./images/top.png" alt=""></a>
                <a class="top-right"><img src="./images/top.png" alt=""></a>
                <a class="bottom-left"><img src="./images/top.png" alt=""></a>
                <a class="bottom-right"><img src="./images/top.png" alt=""></a>
                <span>
                    <a href="#">
                        <p>《愚斋存稿》中有关辛丑和谈的史...</p>
                    </a>
                    <br>
                    <a href="#">
                        <p>为学为人皆为师 --悼念著名历史...</p>
                    </a>
                    <br>
                    <a href="#">
                        <p>清朝满蒙联姻之指婚制入关后发展...</p>
                    </a>
                </span>
            </div>
        </div>
    </div>
    <!-- search -->

    <!-- main -->
    <div class="main">
        <div class="swiper-wrap">
            <div class="swiper mySwiper">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img src="./images/lbt1.webp" alt="">
                        < </div>
                            <div class="swiper-slide">
                                <img src="./images/lbt2.webp" alt="">
                            </div>
                            <div class="swiper-slide">
                                <img src="./images/lbt3.webp" alt="">
                            </div>
                            <div class="swiper-slide">
                                <img src="./images/lbt4.webp" alt="">
                            </div>
                            <div class="swiper-slide">
                                <img src="./images/lbt5.webp" alt="">
                            </div>
                    </div>
                </div>
            </div>


            <div class="title-wrap">
                <div class="search-right">
                    <!-- 1 -->
                    <div class="box1">
                        <div class="titlebg">
                            <img src="./images/cb.png" alt="" class="cb-left">
                            <img src="./images/list.png" alt="">
                            <img src="./images/cb.png" alt="" class="cb-right">
                            <p>+更多</p>
                        </div>
                        <!-- <a class="top-left"><img src="./images/top.png" alt=""></a>
                        <a class="top-right"><img src="./images/top.png" alt=""></a> -->
                        <a class="bottom-left"><img src="./images/top.png" alt=""></a>
                        <a class="bottom-right"><img src="./images/top.png" alt=""></a>
                        <span>
                            <a href="#">
                                <p>·小于成龙”后裔陶文冬向清史图书馆...</p>
                            </a>

                            <a href="#">
                                <p>·向着新的奋斗目标，出发！</p>
                            </a>

                            <a href="#">
                                <p>·清史中心组织学习贯彻党的二十大精...</p>
                            </a>

                            <a href="#">
                                <p>·读懂习近平总书记二十大后首次出语...</p>
                            </a>
                        </span>
                    </div>
                    <!-- 1 -->

                    <!-- 2 -->
                    <div class="box2 mt">
                        <div class="titlebg">
                            <img src="./images/cb.png" alt="" class="cb-left">
                            <img src="./images/work.png" alt="">
                            <img src="./images/cb.png" alt="" class="cb-right">
                            <p>+更多</p>
                        </div>
                        <!-- <a class="top-left"><img src="./images/top.png" alt=""></a> -->
                        <!-- <a class="top-right"><img src="./images/top.png" alt=""></a> -->
                        <a class="bottom-left"><img src="./images/top.png" alt=""></a>
                        <a class="bottom-right"><img src="./images/top.png" alt=""></a>
                        <span>
                            <a href="#">
                                <p>·小于成龙”后裔陶文冬向清史图书馆...</p>
                            </a>
                            <a href="#">
                                <p>·向着新的奋斗目标，出发！</p>
                            </a>

                            <a href="#">
                                <p>·清史中心组织学习贯彻党的二十大精...</p>
                            </a>

                            <a href="#">
                                <p>·读懂习近平总书记二十大后首次出语...</p>
                            </a>
                        </span>
                    </div>
                    <!-- 2 -->
                </div>
            </div>
        </div>
        <!-- main -->

        <!-- study -->
        <div class="study">
            <div class="left">
                <!-- 1 -->
                <div class="box3">
                    <div class="titlebg">
                        <img src="./images/cb.png" alt="" class="cb-left">
                        <img src="./images/qsyj.png" alt="" class="cb">
                        <img src="./images/cb.png" alt="" class="cb-right">
                        <p>+更多</p>
                    </div>
                    <!-- <a class="top-left"><img src="./images/top.png" alt=""></a>
                <a class="top-right"><img src="./images/top.png" alt=""></a> -->
                    <a class="bottom-left"><img src="./images/top.png" alt=""></a>
                    <a class="bottom-right"><img src="./images/top.png" alt=""></a>

                    <div class="qsyj">
                        <div class="top">
                            <div>
                                专题研究
                            </div>
                            <div>
                                文献档案
                            </div>
                        </div>
                        <div>
                            <div class="bottom">
                                <br>
                                <p><i>·</i>清代衍圣公爵位承袭考</p>
                                <br>
                                <p><i>·</i>乾隆南巡的是与非</p>
                                <br>
                                <p><i>·</i>清代内务府都虞司职能考释</p>
                                <br>
                                <p><i>·</i>“皇族监狱”：清代宗人府空室考论</p>
                                <br>
                                <p><i>·</i>论宣统朝载沣与隆裕太后的交替持权</p>
                                <br>
                                <p><i>·</i>定期不定：清代雍正大计考核“展限”...</p>
                                <br>
                                <p><i>·</i>康熙朝北京“一宫多苑”格局的确立与...</p>
                                <br>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- 1 -->
                <div class="box3">
                    <div class="titlebg">
                        <img src="./images/cb.png" alt="" class="cb-left">
                        <img src="./images/qsck.png" alt="" class="cb">
                        <img src="./images/cb.png" alt="" class="cb-right">
                        <p>+更多</p>
                    </div>
                    <!-- <a class="top-left"><img src="./images/top.png" alt=""></a>
                    <a class="top-right"><img src="./images/top.png" alt=""></a> -->
                    <a class="bottom-left"><img src="./images/top.png" alt=""></a>
                    <a class="bottom-right"><img src="./images/top.png" alt=""></a>

                    <div class="qsyj">
                        <div>
                            <div class="bottom">
                                <br>
                                <p><i>·</i>乾隆皇帝与钱塘江海塘（2022年第19期...</p>
                                <br>
                                <p><i>·</i>清人避暑消夏“五策”（2022年第29期...</p>
                                <br>
                                <p><i>·</i>清代人痘接种术的发展与传播（2021年...</p>
                                <br>
                                <p><i>·</i>虎崇拜与明清虎患（2022年第10期 ...</p>
                                <br>
                                <p><i>·</i>清代汉监察御史的选拔与升迁（2022年...</p>
                                <br>
                                <p><i>·</i>传言与传说：道光大瘟疫的民间逻辑（...</p>
                                <br>
                                <p><i>·</i>乾隆皇帝的餐饮秘笈（2021年第33期 ...</p>
                                <br>
                                <p><i>·</i>邱熺与清代的天花防治（2022年第3期 ...</p>
                                <br>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="right">
                <img src="./images/top.png" alt="" class="top-left">
                <img src="./images/top.png" alt="" class="top-right">
                <div class="list">
                    <img src="./images/renwuguanxitu.jpg" alt="">
                    <img src="./images/cangshu.jpg" alt="">
                    <img src="./images/sztsg.gif" alt="">
                </div>
                <img src="./images/top.png" alt="" class="bottom-left">
                <img src="./images/top.png" alt="" class="bottom-right">
            </div>
        </div>
        <!-- study -->

        <!-- banner -->
        <div class="banner">
            <img src="./images/qswkbanner.gif" alt="">
        </div>
        <!-- banner -->

        <!-- show -->
        <div class="show">
            <div class="show-list">
                <div class="bg">
                    <img src="./images/cb.png" alt="" class="cb-left">
                    <img src="./images/cbxx.png" alt="" class="cbxx">
                    <img src="./images/cb.png" alt="" class="cb-right">
                    <span>+更多</span>
                </div>
                <img src="./images/top.png" alt="" class="bottom-left">
                <img src="./images/top.png" alt="" class="bottom-right">

                <!-- swiper -->
                <div class="swiper-wrap">
                    <div class="one">
                        <img src="./images/book1.jpg" alt="">
                        <span>
                            <p>《奉天国际鼠》</p>
                            <p class="read">695阅读</p>
                        </span>
                    </div>
                    <div class="one">
                        <img src="./images/book2.jpg" alt="">
                        <span>
                            <p>《中国社会科》</p>
                            <p class="read">500阅读</p>
                        </span>
                    </div>
                    <div class="one">
                        <img src="./images/book3.jpg" alt="">
                        <span>
                            <p>《岑春煊集》</p>
                            <p class="read">581阅读</p>
                        </span>
                    </div>
                    <div class="one">
                        <img src="./images/book5.jpg" alt="">
                        <span>
                            <p>《北京：公共》</p>
                            <p class="read">992阅读</p>
                        </span>
                    </div>
                    <div class="one">
                        <img src="./images/book6.jpg" alt="">
                        <span>
                            <p>《清史镜鉴》</p>
                            <p class="read">53170阅读</p>
                        </span>
                    </div>
                </div>
                <!-- swiper -->
            </div>

            <div class="show-title">
                <div class="box3">
                    <div class="titlebg">
                        <img src="./images/cb.png" alt="" class="cb-left">
                        <img src="./images/qsck.png" alt="" class="cb">
                        <img src="./images/cb.png" alt="" class="cb-right">
                        <p>+更多</p>
                    </div>
                    <!-- <a class="top-left"><img src="./images/top.png" alt=""></a>
                    <a class="top-right"><img src="./images/top.png" alt=""></a> -->
                    <a class="bottom-left"><img src="./images/top.png" alt=""></a>
                    <a class="bottom-right"><img src="./images/top.png" alt=""></a>

                    <div class="qsyj">
                        <div>
                            <div class="bottom">
                                <p> 【政治】【官制】【官名】【机构】</p>
                                <br>
                                <p> 【爵位封号】【民族】【盟旗部落】</p>
                                <br>
                                <p> 【宗教】【幕制】【里甲】【吏役】</p>
                                <br>
                                <p> 【印信】【称谓】【文书档案】</p>
                                <br>
                                <p> 【地区排名】【政财】【赋役】</p>
                                <br>
                                <p> 【户政】【地政】【官名】【屯垦】</p>
                                <br>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- show -->


        <!-- more -->
        <div class="more">
            <div class="more-top">
                <div class="one">
                    <div class="bg">
                        <img src="./images/cb.png" alt="" class="cb-left">
                        <img src="./images/wsdmt.png" alt="" class="dmt">
                        <p>+更多</p>
                        <img src="./images/cb.png" alt="" class="cb-right">
                    </div>
                    <div class="bottom">
                        <div class="title">
                            <img src="./images/lbj.jpg" alt="">
                            <p>1914年前的老北京</p>
                        </div>
                        <div class="ppp">
                            <p>·老北京影像</p>
                            <p>·民国时期的老北京</p>
                            <p>·近人曾国藩-10湘军落幕淮军崛起[高清...</p>
                            <p>·近人曾国藩-09中国最早留学生[高清]</p>
                        </div>
                    </div>
                    <img src="./images/top.png" alt="" class="bottom-left">
                    <img src="./images/top.png" alt="" class="bottom-right">
                </div>

                <div class="two">
                    <div class="bg">
                        <img src="./images/cb.png" alt="" class="cb-left">
                        <img src="./images/zzpj.png" alt="" class="dmt">
                        <p>+更多</p>
                        <img src="./images/cb.png" alt="" class="cb-right">
                    </div>
                    <div class="bottom">
                        <div class="bottom-nav">
                            <a href="#">出版信息</a>
                            <a href="#">图书评论</a>
                            <a href="#">史学著作</a>
                        </div>
                        <div class="ppp">
                            <p>·《南明史》</p>
                            <p>· 郭成康著《十八世纪的中国政治》出版/p>
                            <p>·《费孝通与中国历史社会学 》出版</p>
                            <p>· 赵国壮著《东亚糖业史研究》出版</p>
                            <p>· 华林甫著《中国地名学史研究》出版</p>
                            <p>·《清代中国边疆治理研究》出版</p>
                            <p>·《清末学堂与近代中国教育财政的起源...</p>
                        </div>
                    </div>
                    <img src="./images/top.png" alt="" class="bottom-left">
                    <img src="./images/top.png" alt="" class="bottom-right">
                </div>

                <div class="three">
                    <div class="bg">
                        <img src="./images/cb.png" alt="" class="cb-left">
                        <img src="./images/qkhb.png" alt="" class="dmt">
                        <p>+更多</p>
                        <img src="./images/cb.png" alt="" class="cb-right">
                    </div>
                    <div class="bottom">
                        <div class="book-one">
                            <img src="./images/6.gif" alt="">
                            <p>清史镜鉴</p>
                        </div>
                        <div class="book-two">
                            <img src="./images/7.gif" alt="">
                            <p>清史学术研究专号</p>
                        </div>
                        <div class="book-three">
                            <img src="./images/8.bmp" alt="">
                            <p>史苑</p>
                        </div>
                    </div>
                    <div class="self">
                        <h1>历史书院</h1>
                    </div>
                    <img src="./images/top.png" alt="" class="bottom-left">
                    <img src="./images/top.png" alt="" class="bottom-right">
                </div>
            </div>


            <div class="more-bottom">
                <div class="one">
                    <div class="bg">
                        <img src="./images/cb.png" alt="" class="cb-left">
                        <img src="./images/ydtd.png" alt="" class="dmt">
                        <p>+更多</p>
                        <img src="./images/cb.png" alt="" class="cb-right">
                    </div>
                    <div class="bottom">
                        <div class="west-top">
                            <img src="./images/history1.webp" alt="" class="first">
                            <div class="first-title">圆明园遗迹</div>
                            <img src="./images/history2.webp" alt="" class="second">
                            <div class="second-title">秦朝兵马俑</div>
                            <img src="./images/history3.webp" alt="" class="third">
                            <div class="third-title">天坛</div>
                        </div>
                        <div class="west-bottom">
                            <img src="./images/history4.webp" alt="" class="first-bottom">
                            <div class="first-title-bottom">万里长城</div>
                            <img src="./images/histroy5.webp" alt="" class="second-bottom">
                            <div class="second-title-bottom">故宫博物馆</div>
                            <img src="./images/history6.webp" alt="" class="third-bottom">
                            <div class="third-title-bottom">历史长桥</div>
                        </div>
                    </div>
                    <img src="./images/top.png" alt="" class="bottom-left">
                    <img src="./images/top.png" alt="" class="bottom-right">
                </div>
                <div class="two">
                    <div class="bg">
                        <img src="./images/cb.png" alt="" class="cb-left">
                        <img src="./images/xlxh.png" alt="" class="dmt">
                        <p>+更多</p>
                        <img src="./images/cb.png" alt="" class="cb-right">
                    </div>
                    <div class="bottom">
                        <div class="bottom-nav">
                            <a href="#">研究机构</a>
                            <a href="#">学者书林</a>
                            <a href="#">研究刊物</a>
                        </div>
                        <div class="ppp">
                            <span>
                                <p>· 北京市研究机构 </p>
                                <p>· 广东省研究机构</p>
                                <p>· 广西壮族自治区研究机构</p>
                                <p>· 澳门特别行政区研究机构</p>
                                <p>· 欧洲研究机构</p>
                                <p>· 非洲研究机构</p>
                                <p>· 宁夏回族自治区研究机构</p>
                            </span>
                        </div>
                    </div>
                    <img src="./images/top.png" alt="" class="bottom-left">
                    <img src="./images/top.png" alt="" class="bottom-right">
                </div>
                <div class="three">
                    <div class="bg">
                        <img src="./images/cb.png" alt="" class="cb-left">
                        <img src="./images/qswk.png" alt="" class="dmt">
                        <p>+更多</p>
                        <img src="./images/cb.png" alt="" class="cb-right">
                    </div>
                    <div class="bottom">

                        <div class="qsyj">
                            <div>
                                <div class="bottom">
                                    <p> 【古典文献】【现代研究】</p>
                                    <br>
                                    <p> 【民国文献】【辞典】【外文翻译】</p>
                                    <br>
                                    <p> 【文物参考】【宗教】【中医】</p>
                                    <br>
                                    <p> 【地方志】<i style="color: brown;">【论文集】</i>【索引】</p>
                                    <br>
                                    <p> 【图书目录】【数字图书】</p>
                                    <br>
                                    <p> 【收藏图书】【期刊】</p>
                                    <br>
                                </div>
                            </div>
                        </div>
                    </div>
                    <img src="./images/top.png" alt="" class="bottom-left">
                    <img src="./images/top.png" alt="" class="bottom-right">
                </div>
            </div>
        </div>
        <!-- more -->

        <!-- check -->
        <div class="check">
            <img src="./images/cb.png" alt="" class="cb">
            <div class="title">
                调查
            </div>
            <img src="./images/top.png" alt="" class="bottom-left">
            <img src="./images/top.png" alt="" class="bottom-right">
            <h1>欢迎参与调查:满意度</h1>
            <div class="box">
                <br>
                <span>1.您对本站是否满意</span>
                <br>
                <div class="good"><input type="radio">满意</div>
                <div class="bad"><input type="radio">不满意</div>
                <br><br><br><br>
                <div class="yzm">
                    验证码&nbsp;<input type="text">
                    <div class="refresh"> 点击刷新验证码 </div>
                    <div class="tj"><button>提交</button></div>
                    <div class="ck"> <button>查看</button></div>
                </div>


            </div>
        </div>
        <!-- check -->

        <!-- link -->
        <div class="link">
            <div class="bg">
                <img src="./images/yqlj.png" alt="">
            </div>
            <img src="./images/top.png" alt="" class="bottom-left">
            <img src="./images/top.png" alt="" class="bottom-right">
            <div class="top">
                <span><a href="#">文化和旅游部</a></span>
                <span><a href="#"> 中国社会科学网</a></span>
                <span><a href="#">中国人民大学</a></span>
                <span><a href="#">故宫博物院</a></span>
                <span><a href="#">中国国家图书馆</a></span>
            </div>
            <div class="bottom">
                <span><a href="#">国学网</a></span>
                <span><a href="#">中国社会科学院近代史研究所</a></span>
                <span><a href="#">文化和旅游部恭王府博物馆</a></span>
                <span><a href="#">学者在线</a></span>
            </div>
        </div>
        <!-- link -->



        <!-- footer -->
        <footer>
            <p>电子信箱 | 微信客服 | 在线调查 | 我要留言 | 网站地图 | 关于我们 | 人物关系图谱</p>
            <p> Copyright©2023-3.31——2023-4.1 JokerXueGdc， All Rights By GDC</p>
            <p> 鲁GDC备13345204540号-1鲁ICP备3067630359号-2 京公网安备 13345204540号 网站访问量：1亿次 技术支持：GDC</p>
        </footer>
        <!-- footer -->
</body>

</html>